<template>
<Card class="card-list">
    <div class="list-goods-list-item">
        <Tag v-if="info.status" type="border" :color="info.color">{{info.status}}</Tag>
        <img :src="info.image" alt="cover" />
        <div class="list-goods-list-item-title">{{info.title}}</div>
        <div class="list-goods-list-item-desc">{{info.desc}}</div>
        <div class="list-goods-list-item-price">
            <span>{{info.amount}}</span>
        </div>
    </div>
</Card>
</template>

<script>
export default {
    props:{
        info: Object
    },
    data () {
        return {
            
        }
    },
    methods: {
        
    }
}
</script>
<style scoped>
.card-list >>> .ivu-card-body {
    padding: 0px;
}
.list-goods-list-item {
    text-align: center;
    position: relative;
}
.list-goods-list-item .ivu-tag {
    position: absolute;
    right: 10px;
}
.list-goods-list-item img {
    width: 60%;
}

img {
    border-style: none;
}

.list-goods-list-item-title {
    font-size: 16px;
    font-weight: 700;
    margin: 8px 0;
}

.list-goods-list-item-desc {
    font-size: 14px;
    color: #808695;
}

.list-goods-list-item-price {
    font-size: 14px;
    color: #ff6700;
    margin: 8px 0;
}
</style>
